<div class="container w-xxl w-auto-lg"
	ng-controller="ForgotpwdController"
	ng-init="app.settings.container = false;">
	<div class="m-b-lg">
		<div class="navbar-brand block">
			<div class="thumb-lg text-info" style="width: 100%;">
				<img src="images/icons-2-2.png" style="max-width: 300px; max-height: 100px;" title="{{'header.navbar.app' | translate}}">
			</div>
		</div>
		<div class="wrapper text-center">
			<strong>{{ 'common.sendTip' | translate }}</strong>
		</div>
		<div class="text-danger text-center" ng-show="authError"> {{authError}}</div>
		<form name="reset" collapse="!isCollapsed">
			<div class="list-group-sm">
				<div class="list-group-item">
					<input type="email" placeholder="{{ 'user.email' | translate }}" ng-model="user.email"
						class="form-control no-border" required>
				</div>
			</div>
			<div class="list-group-item">
				<div class="row">
					<div class="col-sm-6">
						<input type="input" placeholder="{{ 'user.verifycode' | translate }}"
							class="form-control no-border" ng-model="user.verifyCode" required />
					</div>
					<div class="col-sm-6">
						<img src="{{ user.verifyUrl }}" ng-click="refreshVerifyCode()"
							alt="{{ 'user.changeone' | translate }}" style="cursor:pointer">
					</div>
				</div>
			</div>
			<button type="submit" ng-disabled="reset.$invalid"
				class="btn btn-lg btn-primary btn-block" 
				ng-click="sendEmail()">
				{{ 'common.send' | translate }}</button>
		</form>
		<div collapse="isCollapsed">
			<div class="alert alert-success">
				<form name="form" class="form-validation">
					<div class="text-danger text-center">
						<span ng-show='form.confirmPassword.$error.validator'>{{ 'user.passwordMatch' | translate }}</span>
					</div>
					<div class="list-group-sm">
						<div class="list-group-item">
							<input type="input" placeholder="{{ 'user.securityCode' | translate }}"
								class="form-control no-border" ng-model="user.securityCode"
								ng-minlength="6" ng-maxlength="10" required>
						</div>
						<div class="list-group-item">
							<input type="password" placeholder="{{ 'user.password' | translate }}"
								class="form-control no-border" ng-model="user.password"
								ng-minlength="4" ng-maxlength="20" required>
						</div>
						<div class="list-group-item">
							<input type="password" placeholder="{{ 'user.passwordConfirm' | translate }}"
								class="form-control no-border" ng-model="user.passwordConfirm"
								required name="confirmPassword"
								ui-validate=" '$value==user.password' "
								ui-validate-watch=" 'user.password' ">
						</div>

						<button type="submit" class="btn btn-lg btn-primary btn-block"
							ng-click="updatePwd()" ng-disabled='form.$invalid'>{{ 'common.reset' | translate }}</button>
					</div>
				</form>
			</div>
		</div>
		<div class="line line-dashed"></div>
		<a ui-sref="access.login" class="btn btn-lg btn-default btn-block">{{ 'common.back' | translate }}</a>
		
	</div>
	<div class="text-center" ng-include="'views/blocks/footer.html'"></div>
</div>